<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <title>QuizMe</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script src="../js/detail.js"></script>
    <script src="../js/simpleajax.js"></script>

    <link href="../css/close.css" rel="stylesheet">
    <link href="../include/bootstrap/css/bootstrap.css" rel="stylesheet">


</head>

<body>

    <body class="is-preload">
        <div id="page-wrapper">
            <!-- Header  导航栏 -->
            <header id="header">
                <nav id="nav" class="navbar navbar-expand-lg navbar-light bg-light">
                    <a class="navbar-brand" href="#">QuizMe</a>
                    <div class="collapse navbar-collapse" id="navbarNav">
                        <ul class="navbar-nav">
                            <li class="nav-item">
                                <a class="nav-link" href="../index.html">Home</a>
                            </li>
    
                            <li class="nav-item">
                                <a class="nav-link" href="../html/choose.html" style="text-decoration: none">Quiz Now</a>
                            </li>
    
                            <li id="login" class="nav-item">
                                <a class="nav-link" href="../html/login.html" style="text-decoration: none">Login Now</a>
                            </li>
                            <li id="login-out" class="nav-item">
                                <a class="nav-link" href="../html/logout.html" style="text-decoration: none">Login out
                                    Now</a>
                            </li>
                            <li id="profile" class="nav-item">
                                <a class="nav-link" href="../html/personal.html" style="text-decoration: none">Personal
                                    information</a>
                            </li>
                        </ul>
                    </div>
    
                </nav>
            </header>
            <div id="record" >

                <div class="alert alert-secondary" style="text-align: center;">
                    <h2 id="title2"></h2>
                </div>
                <div id="bottom">
                    <table id="table2" class="table table-hover">
                        <hr>
                        <thead class="thead-light">
                            <tr>
                                <th>Date</th>
                                <th>Category</th>
                                <th>level</th>
                                <th>Size</th>
                                <th>Time limit(s)</th>
                                <th>score</th>
                            </tr>
                        </thead>
                        <tbody id="tBody"></tbody>
                    </table>
                </div>
            </div>

            <div id="questions" >
                <div id="bottom">
                    <table id="table3" class="table table-hover">
                        <caption id="title3"></caption>
                        <hr>
                        <thead class="thead-light">
                            <tr>
                                <th>Question</th>
                                <th>Your answer</th>
                                <th>State</th>
                            </tr>
                        </thead>
                        <tbody id="tBody2"></tbody>
                    </table>
                </div>
            </div>
        </div>    
    </body>
    <div id="footer">
        Tianjin University TIEI &copy; 2023
    </div>
</body>

</html>


